import { Button } from 'antd';
import classNames from 'classnames';
// import './index.less';  全局样式导入
import styles from './index.less'; // 模块样式，里面类名会生成hash值
export default function App() {
  return (
    // <div className={classNames(styles.red, styles.cssMoudles)}>
    //   <div className={styles['ant-btn-primary']}>123</div>
    //   <div className={'ant-btn-primary'}>456</div>
    //   App css <Button type="primary">我是按钮</Button>
    // </div>
    <div className={styles.btn}>
      {/* 全局样式
      <p className="box">我是段落</p> */}

      {/* 模块样式 */}
      <p className={styles.box}>我是段落</p>
      {/* <p className={styles['ant-btn-primary']}>我是局部的样式 </p> */}
      <p className={'ant-btn-primary'}>我是全局的样式 </p>
      <Button type="primary">我是按钮</Button>
    </div>
  );
}
